@import url("reset.css");

/* @group ==LAYOUT== */

body {
	width: 760px;
	}

	#nav {
		position: fixed;
		width: 230px;
		top: 100px;
		left: 0; /* for IE */
		text-align: right;
		text-transform: uppercase;
		font-weight: bold;
		}
	
	#content, #footer {
		position: relative;
		margin-left: 260px;
		width: 520px;
		}
	
	#content {
		margin-top: 20px;
		}

/* @end */

/* @group ==SKIN== */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 1.4;
	color: #333;
	}

	a, a:link {
		background-color: #8e8e8e;
		font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, sans-serif;
		color: white;
		text-decoration: none;
		padding: 1px 5px;
		}
	
	a:hover { background-color: #23c7ff; }
	
	p { margin: 1em 0; }
	
	ul {
		display: block;
		margin: 1em 0;
		}
		ul li {
			display: list-item;
			list-style: outside circle;
			margin: 0.3em 1em;
			}

	pre {
		overflow: auto;
		}

	h1, h2 {
		font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, sans-serif;
		}
	
	h1 {
		position: relative;
		font-size: 300%;
		font-weight: bold;
		margin-bottom: 3em;
		width: 560px;
		}
		h1 strong {
			display: block;
			font-size: 150%;
			line-height: 1;
			}
			h1 strong span { text-transform: uppercase; }
		h1 em {
			display: block;
			font-size: 78%;
			font-style: normal;
			line-height: 1;
			color: #999;
			}
	
	h2 {
		font-size: 200%;
		margin-top: 2em;
		color: #23c7ff;
		}

	dl {}
		dt {
			margin-top: 1em;
			font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, sans-serif;
			color: black;
			font-weight: bold;
			}
		dd pre {
			background-color: #666;
			color: #b0ecff;
			padding: 1em;
			display: none;
			}
	
	blockquote {
		background: transparent url(ico_quote.png) no-repeat 0 0;
		background-color: white; /* for IE */
		margin: 1em;
		margin-bottom: 2em;
		padding-top: 1em;
		padding-left: 1em;
		}
		blockquote cite {
			display: block;
			text-align: right;
			margin-right: 4em;
			}
			blockquote cite a, blockquote cite a:link, blockquote cite a:hover {
				background-color: white;
				color: black;
				text-decoration: underline;
				font-size: 100%;
				}
			blockquote cite a:hover {
				text-decoration: none;
				}

	#nav { margin: 0; }
		#nav li {
			list-style-type: none;
			margin: 0.3em 0;
			}

	#disqus_thread a, 
	a.dsq-brlink,
	#disqus_thread a:link, 
	a.dsq-brlink:link,
	#disqus_thread a:hover, 
	a.dsq-brlink:hover {
		background-color: white;
		color: #000;
		text-decoration: underline;
		}
	#disqus_thread a:hover, 
	a.dsq-brlink:hover {
		text-decoration: none;
		}
	
#footer {
	border-top: 6px double #aaa;
	margin-top: 10em;
	margin-bottom: 5em;
	font-size: 80%;
	}
	#footer a, #footer a:link, #footer a:hover {
		background-color: white;
		color: #000;
		text-decoration: underline;
		}
	#footer a:hover {
		text-decoration: none;
		}
	#cclicense, #footer p {
		position: relative;
		margin-left: 100px;
		}	
	#footer a.license {
		padding: 0;
		position: absolute;
		left: -100px;
		}

/* @end */